@charset "UTF-8";
/*fpx2018年6月*/
/* CSS Document */
html {
	overflow: -moz-scrollbars-vertical;
	overflow-x: hidden;

} /*始终让 Firefox 显示滚动条*/
* {
	word-wrap: break-word;
	margin: 0;
	padding: 0;

}/*文字强制换行word-break:keep-all;(Ff)*/
table {
	border-collapse: collapse;
}/*细线表格*/
fieldset, img {
	border: none;
}/*清除描边,块显示*/
ul, li {
	list-style-type: none;
}/*无列表项目标记*/
a {
	text-decoration: none;
	color: #666666;
    outline: none;
}/* 链接无下划线,有为underline;链接去框 */
a:link {
	color: #666666;
}/* 未访问的链接 */
a:visited {
	color: #666666;
}/* 已访问的链接 */
a:hover {
	color: #cd281e;
}/* 鼠标在链接上 */
a:active {
	color: #666666;
blr:expression(this.onFocus=this.blur());
}/* 点击激活链接 */
body {
	font-family:"Microsoft YaHei";
	font-size: 12px;
	color: #666;
	background: #f5f5f5;
    min-width: 1280px;
}
select, input {
	vertical-align: middle;
	outline: none;
    font-family:"Microsoft YaHei";
}
input[type=button], input[type=reset], input[type=submit], input[type=radio], input[type=checkbox] {
	cursor: pointer;
	outline: none;
}
textarea{outline: none;font-family:"Microsoft YaHei";}
.wrap {
	width: 1200px;
	clear: both;
	margin: 0 auto;
}
.clear {
	clear: both;
	overflow:hidden;
}
.h2 {
	clear: both;
	height: 2px;
	overflow:hidden;
}
.h10 {
	clear: both;
	height: 10px;
	overflow:hidden;
}
.h15 {
	clear: both;
	height: 16px;
	overflow:hidden;
}
.h20 {
	clear: both;
	height: 20px;
	overflow:hidden;
}
.h25 {
	clear: both;
	height: 25px;
	overflow:hidden;
}
.h30 {
	clear: both;
	overflow:hidden;
	height: 30px;
}
.h35 {
	clear: both;
	height: 35px;
}
.h40 {
	clear: both;
	height: 40px;
}
.h60 {
	clear: both;
	height: 60px;
	overflow:hidden;
}
.fl {
	float: left;
	display: inline;
}
.fr {
	float: right;
	display: inline;
}
img {
	border: none;
}
.bai{ background: #FFF;}
.hui{ background: #f2f2f2;}
.imghover .pic{ overflow:hidden;}
.imghover .pic img{ overflow:hidden; transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}
.imghover:hover .pic img{ transform:scale(1.05); -webkit-transform:scale(1.05);}
.table{ display: table; width: 100%; height: 100%;}
.tableCell{ display: table-cell; width: 100%; height: 100%; vertical-align: middle;}
.default{ background: #e5e5e5 url(../images/default.png) no-repeat center center;}
.mycontent{ width: 1620px; margin: 0 auto;}
.jqthumb{ position: absolute; left: 0px; top: 0px;}
/**
 * 改变浏览器滚动条
 * @author 杨朝杰
 * @return
 */
::-webkit-scrollbar {width:6px;background:none;}
::-webkit-scrollbar-button {}
::-webkit-scrollbar-track {}
::-webkit-scrollbar-track-piece {}
::-webkit-scrollbar-thumb {width:6px;background:#d6000f;}
::-webkit-scrollbar-corner {background:none;}
::-webkit-resizer {}
::-webkit-scrollbar:horizontal{height:9px;}

/*公共部分结束*/
/*
********************************此处首页样式开始********************************
*/
/*头部开始*/
.topBoxH{ height: 100px;}
.topBox{ position: fixed; left: 0px; top: 0px; width: 100%; height: 100px; z-index: 100000; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.topL{ position: absolute; left: 20px; height: 60px; top: 50%; margin-top: -30px; overflow: hidden;}
.logo{ float: left; display: inline; height: 60px; margin-right: 50px;}
.logo img{ display: block;height: 60px;}
.navBtn{ float: left; display: inline; padding-left: 43px; height: 60px; color: #ffffff; font-size: 20px; line-height: 60px; background: url(../images/icn1.png) no-repeat left center; cursor: pointer;transition: all 0.5s cubic-bezier(0, 0, 0.53, 1.01); -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.53, 1.01); visibility: visible; transform: scale(1); -webkit-transform: scale(1); opacity: 1;}
.topR{ position: absolute; z-index: 100; right: 20px; height: 60px; top: 50%; margin-top: -30px;transition: all 0.5s cubic-bezier(0, 0, 0.53, 1.01); -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.53, 1.01); visibility: visible; transform: scale(1); -webkit-transform: scale(1); opacity: 1;}
.topPhone{ float: left; display: inline; width: 60px; height: 60px; background: url(../images/icn2.png) no-repeat center center; position: relative; cursor: pointer;}
.topPhone:before{ display: block; width: 1px; height: 25px; content: ''; background: #ffeef3; position: absolute; right: -1px; top: 50%; margin-top: -12px;}
.topPhoneText{ position: absolute; top: 60px; width: 190px; height: 40px; background: #FFF; right: 0px; color: #666; text-align: center; line-height: 40px; font-size:18px; visibility: hidden; opacity: 0; transform: translateY(15px);-webkit-transform: translateY(15px); transition: all 0.5s; -webkit-transition: all 0.5s; box-shadow: 0px 0px 5px rgba(0,0,0,0.2); border: 1px solid #eee}
.topPhone:hover .topPhoneText{ opacity: 1; transform: translateY(0px);-webkit-transform: translateY(0px); visibility: visible;}
.topSearch{ float: left; display: inline; height: 30px; line-height: 30px; width:40px; margin-top: 15px; margin-right: 15px; border-radius: 30px; margin-left: 10px; transition: all 0.3s; -webkit-transition: all 0.3s;}
.topSearch input{ float: left; display: inline; width: 0; height: 30px; background: none; border: none; color: #666; transition: all 0.3s; -webkit-transition: all 0.3s;}
.topSearch a{ float: left; display: inline; width: 40px; height: 30px; background: url(../images/icn3.png) no-repeat center center;}
.topSearch.active{ background: #FFF; width:230px;}
.topSearch.active input{ width:180px; padding-left: 10px;}
.topSearch.active a{ background-image: url(../images/icn3h.png); background-size: auto 20px;}
.menuClose{display: block;width:60px;height:60px;position: absolute;right:20px;top:50%; margin-top: -30px; text-align:center; z-index: 6; transform: scale(0); -webkit-transform: scale(0);transition: all 0.5s cubic-bezier(0, 0, 0.53, 1.01); -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.53, 1.01); opacity: 0; cursor: pointer;  visibility: hidden;}
.menuClose .line{
  width: 40px;
  height: 2px;
  background-color: #282828;
  display: block;
  margin: 13px auto;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  transition-delay: 0.3s
}
.menuClose .line:nth-child(2){ background: #613228; visibility: hidden;}
.menuClose.active{ opacity: 1; transform: scale(1); -webkit-transform: scale(1);  visibility: visible;}
.menuClose.active .line{ background: #282828;}
.menuClose.active .line:nth-child(2){
  opacity: 0;
}
.menuClose.active .line:nth-child(1){
  -webkit-transform: translateY(19px) rotate(45deg);
  -ms-transform: translateY(19px) rotate(45deg);
  -o-transform: translateY(19px) rotate(45deg);
  transform: translateY(19px) rotate(45deg);
}
.menuClose.active .line:nth-child(3){
  -webkit-transform: translateY(-11px) rotate(-45deg);
  -ms-transform: translateY(-11px) rotate(-45deg);
  -o-transform: translateY(-11px) rotate(-45deg);
  transform: translateY(-11px) rotate(-45deg);
}

.topBox.go{ background: #FFF; box-shadow: 0px 0px 8px rgba(0,0,0,0.2)}
.topBox.go .navBtn{ color: #333333;background: url(../images/icn1h.png) no-repeat left center; }
.topBox.go .topPhone{ color: #333333;background: url(../images/icn2h.png) no-repeat center center; }
.topBox.go .topSearch a{ color: #333333;background: url(../images/icn3h.png) no-repeat center center;}
.topBox.go .topSearch.active{ background: #eee;}
.topBox.go .topSearch.active a{ background-image: url(../images/icn3h.png); background-size: auto 20px;}

.topBox.open{ background: #FFF}
.topBox.open .navBtn{ transform: scale(0); -webkit-transform: scale(0); opacity: 0; visibility: hidden;}
.topBox.open .topR{ transform: scale(0); -webkit-transform: scale(0); opacity: 0; visibility: hidden;}
.topBox.open .menuDl{ opacity: 0; visibility: hidden;}


.pageTop{ clear: both; width: 100%;}
/*头部结束*/
/*menu开始*/
.menuBox{ position: fixed; right:0px; top: 100px; bottom: 0px; left: 25%; background: #FFF; z-index: 200; visibility: hidden; opacity: 0.5; transform: translateX(100%); -webkit-transform: translateX(100%);transition: all 0.5s cubic-bezier(0, 0, 0.53, 1.01); -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.53, 1.01);}
.menuBox.show{ visibility: visible; opacity: 1; transform: translateX(0%); -webkit-transform: translateX(0%); transition-delay: 0.3s;}
.menuLocation{ padding: 45px 150px 110px; line-height: 38px; font-size: 14px; color: #333333; overflow: hidden;}
.menuLocation em{ float: left; display: inline; width: 50px; height: 1px; background: #282828; margin-top: 19px;}
.menuLocation a{ float: left; display: inline; margin: 0 30px; color: #333333;}
.menuLocation a:hover{ color: #cd281e;}
.menuLocation a.hover{ color: #cd281e;}

.menuC{ padding: 0 0 0 150px; position: relative;}
.menuLine{ height: 1px; background: #282828; position: absolute; left: 0px; top: 78px; width: 0;}
.menuList{ clear: both; margin-right: -50px; position: relative; z-index: 1}
.menuList dd{ float: left; display: inline; margin-right: 15px; width:170px;}
.menuList dd span{ display: block;}
.menuList dd span a{ display: block; height: 78px; line-height: 78px; font-size:20px; color: #1a1a1a;}
.menuList dd span a em{ font-size: 18px; font-family: "宋体"; font-style: normal;}
.menuList dd .ejBox{ display: block; padding: 20px 0;}
.menuList dd .ej .ejdd{ line-height: 20px; font-size: 14px; padding: 5px 0;}
.menuList dd .ej .ejdd a{ color: #5c5c5c; display: block; overflow: hidden;}
.menuList dd .ej .ejdd a em{ float: left; display: inline; width: 0; height: 1px; background: #cd281e; margin-top: 20px; margin-right: 0; transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}
.menuList dd .ej .ejdd a:hover{ color: #cd281e;}
.menuList dd .ej .ejdd a:hover em{ width: 12px; margin-right: 3px;}
.menuList dd .ej .ejdd a.hover{ color: #cd281e;}
.menuList dd .ej .ejdd a.hover em{ width: 12px; margin-right: 3px;}
.menuList dd .ej .sj{ padding: 5px 0 5px 15px; display: none;}
.menuList dd .ej .sj a{ display: block; height: 20px; line-height: 20px; color: #858585; font-size: 12px;}
.menuList dd .ej .sj a:hover{ color: #cd281e;}
/*menu结束*/
/*banner开始*/
.indexBanner {
	overflow: hidden;
	height:calc(100vh - 99px);
	width: 100%;
	position: relative;
	z-index: 1
}
.indexBanner .myslide {
	position: relative;
	height:calc(100vh - 99px);
}
.indexBanner .myslide a {
	display: block;
	width: 100%;
	height: 100%;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
}
.indexBanner .myslide.slick-active a {
	animation: changeScale2 5s forwards linear;
	-webkit-animation: changeScale2 5s forwards linear;
}
.indexBanner .myslide #video {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	position:absolute;
	top:0;
	left:0;
}
.videoMask{
	top:0;
	left:0;
    width: 100%;
    height: 100%;
    background: url(../images/inliner-bannerBg.png) repeat left top;
    text-align: center;
    z-index: 3;
	color:#fff;
	position:absolute;
}
.videoMask .text1 {
	font-size:48px;
	margin-top:21%;
	line-height:1;
	font-weight:bold;
}
.videoMask .text2{
	font-size:26px;
	margin-top:20px;
	line-height:40px;
	font-weight:bold;
}

.indexBanner .slick-dots{ position: absolute; bottom: 50px; width: 100%; text-align: center;}
.indexBanner .slick-dots li{ width: 36px; height: 6px; line-height: 9999px; text-align: center; background: #FFF; color: #ffffff; display: inline-block; margin: 0 5px; cursor: pointer;}
.indexBanner .slick-dots li.slick-active{background: #cd291f;}
.indexBanner .con1{ position: absolute; left:50%; top: 50%; margin-top: -143px;]}

.videoLoad{ position: absolute; left: 0px; top: 50%; color: #FFF; font-size:0px; text-align: center; height: 40px; line-height: 40px; margin-top: -20px; width: 100%;}
.videoLoad .con{ display: inline-block; overflow: hidden;}
.videoLoad .text{ float: left; display: inline;font-size: 20px; }
.videoLoad .videoLoadDot{ float: left; display: inline;overflow: hidden; margin-top: 13px;}
.videoLoad .videoLoadDot span{ float: left; display: inline; width: 15px; height: 15px; margin: 0 8px; border-radius: 15px; background: #FFF;animation: ball-pulse 1.5s ease infinite; -webkit-animation: ball-pulse 1.5s ease infinite;}
.videoLoad .videoLoadDot span:nth-child(1){
    -webkit-animation-delay: -200ms;
    animation-delay: -200ms;
}
.videoLoad .videoLoadDot span:nth-child(2){
    -webkit-animation-delay: -100ms;
    animation-delay: -100ms;
}
.videoLoad .videoLoadDot span:nth-child(3){
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms;
}
@-webkit-keyframes ball-pulse {
    0%,
    60%,
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    30% {
        opacity: .1;
        -webkit-transform: scale(.01);
        transform: scale(.01)
    }
}
@keyframes ball-pulse {
    0%,
    60%,
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
    30% {
        opacity: .1;
        -webkit-transform: scale(.01);
        -moz-transform: scale(.01);
        -o-transform: scale(.01);
        transform: scale(.01)
    }
}
/*banner结束*/
@keyframes changeScale
{
0%   {
	transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
}
100% {
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
}
}
@-webkit-keyframes changeScale /* Safari 和 Chrome */
{
0%   {
	transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
}
100% {
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
}
}


@keyframes changeScale2
{
0%   {
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
}
100% {
	transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
}
}
@-webkit-keyframes changeScale2 /* Safari 和 Chrome */
{
0%   {
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
}
100% {
	transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
}
}
/*第一通栏开始*/
.indexT{ padding: 12px 0; font-size: 16px; color: #333333; overflow:hidden; }
.indexT .titleL{ position: relative;}
.indexT .titleL:before{ display: block; width: 20px; height: 1px; background: #a1a1a1; position: absolute; left: 0px; bottom: -10px; content: '';}
.indexT .titleL span{ display: block; height: 20px; line-height: 20px; color: #b4b4b4;text-transform : uppercase;}
.indexT .titleL em{ display: block; font-style: normal; height: 20px; line-height: 20px; color: #010101; font-size:20px; font-weight:bold;}
.indexMore{ margin-top: 7px;}
.indexMore a{ display: block; width: 26px; height: 26px; border: 1px solid #999999; background: url(../images/indexMore.png) no-repeat center center; border-radius: 4px;transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}
.indexMore a:hover{ border-color: #cd291f; background-color: #cd291f; background-image: url(../images/indexMoreh.png)}
.indexMore span{ display: block; width: 26px; height: 26px; border: 1px solid #FFF; background: url(../images/indexMoreh.png) no-repeat center center; border-radius: 4px;transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}
.indexMore span:hover{ border-color: #cd291f; background-color: #cd291f; background-image: url(../images/indexMoreh.png)}
.indexT.ftbai{ color: #FFF}
.indexT.ftbai .titleL span{color: #FFF}
.indexT.ftbai .titleL em{color: #FFF}
.indexPlayer{position: absolute;width: 100%;height: 100%;top: 0;left: 0; z-index:3;background:  rgba(0, 0, 0,0.15) url(../images/playIco.png) center center no-repeat;}
.column1{ overflow: hidden; background:#fff;padding:0 0 30px 0;}
.column1 .item{ float: left; display: inline; width: 33.3333%; overflow: hidden;}
.column1L1{ padding: 35px 0px 20px 0;}
.column1L1C{ padding-top: 20px; color: #333333; font-size: 14px; line-height:30px; height:150px; overflow: hidden; text-indent:2em;}
.column1L2 a{ display: block;}
.column1L2 .pic{ width: 100%; position: relative; height:180px; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.column1L2C{ padding: 0 50px;}

.column1M{ background: #FFF; height: 486px;}
.column1MC{ padding: 35px 10px 35px 50px;}
.column1MList{ padding-top: 28px;}
.column1MList dd{ overflow: hidden; margin-bottom:15px; font-size: 14px;}
.column1MList dd span{ overflow: hidden; display: block; height: 26px; line-height: 26px; overflow: hidden; color: #666666;padding:0 0 0 10px;}
.column1MList dd a{ overflow: hidden; display: block; height: 30px; line-height: 30px; overflow: hidden; color: #333333;}
.column1MList dd a em{ float: left; display: inline; width: 10px; height: 30px;}
.column1MList dd a em.em1{ background: url(../images/indexIcn1.png) no-repeat left center;}
.column1MList dd a:hover em.em1{ background: url(../images/indexIcn1h.png) no-repeat left center;}
.column1MList dd a:hover{ color: #cd291f;}

.column1R{ height: 486px;}
.column1RT{ height: 30px; line-height: 30px; color: #333333; font-size: 16px; font-weight: bold; margin-bottom: 20px; text-align: center; margin-top: -32px;}
.column1RT2{ height: 20px; text-align: center; font-size: 0px; margin-bottom: 20px;}
.column1RT2 dd{ display: inline-block; margin: 0 15px; color: #333333; font-size: 12px;}
.column1RT2 dd span{ float: left; display: inline; width: 20px; height: 12px; margin-top: 4px; margin-right: 6px;}
.column1RT2 dd.dd1 span{ background: #d7d5d5;}
.column1RT2 dd.dd2 span{ background: #f5020e;}
.column1RT2 dd.dd3 span{ background: #1b8849;}
.indexChart{ width: 100%; margin: 0 0 0 33px; position: relative; height: 290px;}
.indexChart .line{ height: 2px; left: 40px; right: 40px; bottom: 0px; position: absolute; background: #333333}
.indexChartNum{ position: absolute; left: 0px; top: 0px; border-right: 2px solid #333333; height: 100%; width: 38px; text-align: center;}
.indexChartNum dt{ position: absolute; left: 0px; bottom: 0px; width: 38px;}
.indexChartNum dd{ height: 14.28%; font-size: 12px; color: #333;}
.indexChartR{ width: 39px; right: 0px; top: 0px; height: 100%; border-left:none; position: absolute;}
.indexChartDate{ position: absolute; left: 40px; right: 40px; top: 0px; bottom: 0px; z-index: 10}
.indexChartDateC{ position: relative;}
.indexChartDateC .myslide{ position: relative; width: 25%; float: left; display: inline; outline: none;}
.indexChartDateC .myslide .myslideDate{ height: 288px; position: relative;}
.indexChartDateC .myslide .myslideDate .tiao{ position: absolute; width: 8px; height: 20px; bottom: 0px;}
.indexChartDateC .myslide .myslideDate .tiao.tiao1{ left:50%; margin-left: -8px; }
.indexChartDateC .myslide .myslideDate .tiao.tiao2{ right:50%; margin-right: -8px; }
.indexChartDateC .myslide .myslideDate .tiao.before{ background: #d7d5d5;}
.indexChartDateC .myslide .myslideDate .tiao.nowUp{ background: url(../images/nowUp.jpg) repeat-y center;}
.indexChartDateC .myslide .myslideDate .tiao.nowDn{ background: url(../images/nowDn.jpg) repeat-y center;}
.indexChartDateC .myslide .myslideText{ padding: 0 12px; color: #333333; line-height: 18px; font-size: 12px; padding-top: 15px;}
.indexChartDateC .prev{ display:block; width: 8px; height: 12px; cursor: pointer; background: url(../images/prev3.png) no-repeat center center; position: absolute; left: -8px; bottom: 30px; z-index: 1}
.indexChartDateC .next{ display:block; width: 8px; height: 12px; cursor: pointer; background: url(../images/next3.png) no-repeat center center; position: absolute; right: -8px; bottom: 30px; z-index: 1}
/*
.indexChartDateC .prev.slick-disabled{ display: none !important;}
.indexChartDateC .next.slick-disabled{ display: none !important;}
*/
/*第一通栏结束*/
/*第二通栏开始*/
.column2{ overflow: hidden; position: relative;}
.column2L{ width: 20%; position: absolute; left: 0px; top: 0px; height: 100%;}
.column2L .con{ padding:22% 0px 0 90px}
.column2L .con h1{ height: 58px; line-height: 58px; position: relative; padding-bottom: 14px; color: #333333; font-weight: normal; font-size: 28px; text-align: left; margin-bottom: 20px;}
.column2L .con div{ font-size: 28px; line-height: 34px; overflow: hidden; color: #999999; text-align: left;}
.column2L .con h1:before{ width: 40px; height: 1px; content: ''; display: block; background: #999999; position: absolute; left: 0px; bottom: 0px;}
.column2R{ overflow: hidden; padding-left: 20%;}
.column2RScroll{ overflow: hidden; position: relative;}
.column2RScroll .myslide{ width: 33.3333%; float: left; display: inline; position: relative; overflow: hidden;}
.column2RScroll .myslide .pic{ width: 100%; position: relative;}
.column2RScroll .myslide .pic:before{ display: block; width: 100%; content: ''; padding-top: 52.0833%;}
.column2RScroll .myslide .pic img{ display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}
.column2RScroll .myslide .text{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.6); font-size: 16px; color: #FFF; text-align: center;opacity: 0; visibility: hidden;transition: all 0.5s; -webkit-transition: all 0.5s;}
.column2RScroll .myslide .text h1{ height: 25px; line-height: 25px; font-weight: normal; font-size: 16px;transition: all 0.5s; -webkit-transition: all 0.5s;transform: translateY(50px)}
.column2RScroll .myslide:hover .text{ opacity: 1; visibility: visible;}
.column2RScroll .myslide:hover .text h1{transform: translateY(0px)}
.column2RScroll .prev{ display:block; width: 35px; height: 70px; cursor: pointer; background: rgba(0,0,0,0.6) url(../images/prev4.png) no-repeat center center; position: absolute; left: 0; top: 50%; margin-top: -35px; z-index: 1}
.column2RScroll .next{ display:block; width: 35px; height: 70px; cursor: pointer; background: rgba(0,0,0,0.6) url(../images/next4.png) no-repeat center center; position: absolute; right:0px; top: 50%; margin-top: -35px; z-index: 1}
.column2RScroll .prev:hover,.column2RScroll .next:hover{ background-color: #cd291f;}

.column2_2{ padding:30px 0;}
.column4Scroll2{ position: relative;}
.column4Scroll2 .bd{ overflow: hidden; padding: 10px 0}
.column4Scroll2 .slick-list{ margin:0 -30px 0 0px; overflow: visible}
.column4Scroll2 .myslide{ width: 33.3333%; float: left; display: inline; outline: none;}
.column4Scroll2 .con{ padding-right: 30px;}
.column4Scroll2 .con .conC{transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}
.column4Scroll2 .pic{ width: 100%; position: relative;}
.column4Scroll2 .pic:before{ display: block; content: ''; width: 100%; padding-top:66.3462%;}
.column4Scroll2 .pic a{ display: block; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px;}
.column4Scroll2 .pic img{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}
.column4Scroll2 .text{ padding: 0px 20px; background: #FFF;}
.column4Scroll2 .text .title{ overflow: hidden;line-height: 50px;}
.column4Scroll2 .text .title a{ overflow: hidden; display: block; height: 50px; font-size:16px; color: #333333; text-align: center;}
.column4Scroll2 .text .title a:hover{ color: #cd291f;}
.column4Scroll2 .text .title em{ overflow: hidden; display: block; height: 56px; line-height: 28px; font-style: normal; color: #666666; font-size: 16px;}
.column4Scroll2 .text .btn{ overflow: hidden; margin-bottom: 10px;}
.column4Scroll2 .text .btn a{ overflow: hidden; height: 38px; line-height: 38px; padding: 0 35px; border: 1px solid #e6e6e6; float: left; display: inline; background: #FFF; color: #333333; font-size:14px; transition: all 0.5s; -webkit-transition: all 0.5s;}
.column4Scroll2 .text .btn a:hover{ color: #cd281e;}
.column4Scroll2 .prev{ display:block; width: 35px; height: 70px; cursor: pointer; background: rgba(0,0,0,0.6) url(../images/prev4.png) no-repeat center center; position: absolute; left: 0; top: 50%; margin-top: -35px; z-index: 1}
.column4Scroll2 .next{ display:block; width: 35px; height: 70px; cursor: pointer; background: rgba(0,0,0,0.6) url(../images/next4.png) no-repeat center center; position: absolute; right:0px; top: 50%; margin-top: -35px; z-index: 1}
.column4Scroll2 .prev:hover,.column4Scroll .next:hover{ background-color: #cd291f;}
.column4Scroll2 .myslide:hover .conC{ box-shadow: 0px 0px 12px rgba(0,0,0,0.2);}
/*第二通栏结束*/
/*第三通栏开始*/
.column3{ width: 100%; position: relative;}
.column3:before{ display: block; content: ''; width: 100%; padding-top: 43.8333%;}
.column3T{ position: absolute; left: 50%; margin-left: -810px; top: 50%; margin-top: -103px; z-index: 2;}
.column3T .tcon{ padding:40px 0px 40px 0px}
.column3T .tcon h1{ height: 58px; line-height: 58px; position: relative; padding-bottom: 14px; color: #FFF; font-weight: normal; font-size:24px; text-align: left; margin-bottom: 20px;}
.column3T .tcon div{ font-size:20px; overflow: hidden; color: #FFF; text-align: left;text-transform : uppercase;}
.column3T .tcon h1:before{ width: 40px; height: 1px; content: ''; display: block; background: #FFF; position: absolute; left: 0px; bottom: 0px;}
.inliner-bannerBox{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 1}
.inliner-banner{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
	z-index: 5;
}
.inliner-bannerBg{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/inliner-bannerBg.png) repeat left top;
	z-index: 2;
}
.inliner-banner ul{
	width: 100%;
	height: 100%;
}
.inliner-banner li{
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left: 100%;
	text-align: center;
	transform: scale(0.8);
	z-index: 1;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.inliner-banner li.index{
	z-index: 2;
}
.inliner-banner li:first-child{
	left: 0;
	transform: scale(1);
}
.inliner-banner li a{
	display: block;
	width: 100%;
	height: 100%;
    position: relative;
    z-index: 9;
}
.inliner-banner li .con{
	display: block;
	width: 606px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -145px 0 0 -303px;
	transform: scale(1);
}
.inliner-banner li h3{
	font-size: 24px;
	color: #ffffff;
	line-height: 40px;
    font-weight: normal;
}
.inliner-banner li h2{
	font-size: 45px;
	color: #fff;
	line-height: 51px;
    font-weight: normal;
    
}
.inliner-banner li i{
	width: 28px;
	height: 2px;
	margin: 18px auto 23px;
	display: block;
	background: rgba(255, 255, 255, 0.5);
}
.inliner-banner li .font{
	font-size: 13px;
	color: #fff;
	line-height: 25px;
	width: 72%;
	margin: 0 auto;
}
.inliner-banner li .more{
	width: 178px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #cd291f;
    color: #fff;
    font-size: 14px;
    margin: 60px auto 0;
}
.inliner-list{ width: 666px; height: 666px; position: absolute; left: 50%; margin-left: -333px; top: 50%; margin-top: -333px; z-index: 11;}
.inliner-list a{ display: block; position: absolute; left: 0px; top: 0px; width:100%; height: 100%; z-index: 20}
.inliner-list li{
	width: 8px;
	height: 8px;
	position: absolute;
	background: url(../images/c3_dot.png) no-repeat center;
	transition:all 0.3s;
	background-size: 100% 100%;
	z-index: 10;
	cursor: pointer;
}
.inliner-list li.on{
	background: url(../images/c3_dot_h.png) no-repeat center;
	background-size: 100% 100%;
}

.circle-bg{ width: 666px; height: 666px; position: absolute; left: 50%; margin-left: -333px; top: 50%; margin-top: -333px; z-index: 10;}
.circle-bg-hui{ border: 1px solid #FFF; position: absolute; left: 0px; top: 0px; width:100%; height:100%; border-radius: 666px; box-sizing: border-box; -webkit-box-sizing: border-box;}
.circle-bg .progress-left{ position: absolute; left: 0px; top: 0px; width: 50%; height: 100%; overflow: hidden; z-index: 1;}
.circle-bg .progress-left .progress-bar{box-sizing: border-box; -webkit-box-sizing: border-box; width:100%; height: 100%; left: 100%;border: 1px solid #F00; top: 0px; position: absolute; border-radius:0 600px 600px 0; transform-origin: left center; border-left: none;}
.circle-bg .progress-right{ position: absolute; right: 0px; top: 0px; width: 50%; height: 100%; overflow: hidden; z-index: 1;}
.circle-bg .progress-right .progress-bar{box-sizing: border-box; -webkit-box-sizing: border-box; width:100%; height: 100%; right: 100%;border: 1px solid #F00; top: 0px; position: absolute; border-radius:600px 0 0 600px; transform-origin: right center; border-right: none;}

.inliner-bg{
	width: 666px;
	height: 666px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -333px 0 0 -333px;
	z-index: 5;
	background-size: 100% 100%;
	transform: scale(1);
}
.inliner-bg span{
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0px;
    left: 41px;
}
.inliner-bg span.one{
	background: url(../images/c3_5.png) no-repeat center;
	background-size: 100% 100%;
	-webkit-animation: inlinerbg 1.2s infinite linear;
    animation: inlinerbg 1.2s infinite linear;

}
.inliner-bg span.two{
	background: url(../images/c3_6.png) no-repeat center;
	background-size: 100% 100%;
	-webkit-animation: inlinerbgo 1.2s infinite linear;
    animation: inlinerbgo 1.2s infinite linear;
}
@-webkit-keyframes inlinerbg {
  0% {
    -webkit-transform:translate(5px,-9px);
        transform: translate(5px,-9px);
  }
  50% {
    -webkit-transform: translate(0,0);
            transform: translate(0,0);
  }
  100%{
  	-webkit-transform:translate(5px,-9px);
        transform: translate(5px,-9px);
  }
}

@keyframes inlinerbg {
  0% {
    -webkit-transform:translate(5px,-9px);
        transform: translate(5px,-9px);
  }
  50% {
    -webkit-transform: translate(0,0);
            transform: translate(0,0);
  }
  100%{
  	-webkit-transform:translate(5px,-9px);
        transform: translate(5px,-9px);
  }
}
@-webkit-keyframes inlinerbgo {
  0% {
    -webkit-transform:translate(-5px,9px);
        transform:translate(-5px,9px);
  }
  50% {
    -webkit-transform: translate(0,0);
            transform: translate(0,0);
  }
  100%{
  	-webkit-transform:translate(-5px,9px);
        transform: translate(-5px,9px);
  }
}

@keyframes inlinerbgo {
  0% {
    -webkit-transform:translate(-5px,9px);
        transform: translate(-5px,9px);
  }
  50% {
    -webkit-transform: translate(0,0);
            transform: translate(0,0);
  }
  100%{
  	-webkit-transform:translate(-5px,9px);
        transform: translate(-5px,9px);
  }
}
/*第三通栏结束*/
/*第四通栏开始*/
.column4{ padding:40px 0;}
.column4T{ clear: both;}
.column4T .titleL{ color: #333333; font-size:24px; position: relative;}
.column4T .titleL:before{ display: block; width: 40px; height: 1px; background: #a1a1a1; position: absolute; left: 0px; bottom: -10px; content: '';}
.column4T .titleL h1{ overflow: hidden;font-size:20px; color: #b4b4b4; font-weight: normal;text-transform : uppercase;}
.column4T .titleL div{ height: 45px; line-height: 45px; color: #010101;}
.column4T .titleL div span{ color: #999999;}
.column4T .titleR{ margin-top: 28px;}
.column4T .titleR a{display: block; width: 26px; height: 26px; border: 1px solid #999999; background: url(../images/indexMore.png) no-repeat center center; border-radius: 4px;transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}
.column4C{ padding-top: 40px;}
.column4Scroll{ position: relative;}
.column4Scroll .bd{ overflow: hidden; padding: 10px 0}
.column4Scroll .slick-list{ margin:0 -30px 0 0px; overflow: visible}
.column4Scroll .myslide{ width: 33.3333%; float: left; display: inline; outline: none;}
.column4Scroll .con{ padding-right: 30px;}
.column4Scroll .con .conC{transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}
.column4Scroll .pic{ width: 100%; position: relative;}
.column4Scroll .pic:before{ display: block; content: ''; width: 100%; padding-top:66.3462%;}
.column4Scroll .pic a{ display: block; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px;}
.column4Scroll .pic img{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}
.column4Scroll .text{ padding: 20px 30px; background: #FFF;}
.column4Scroll .text .title{ overflow: hidden;line-height: 35px; margin-bottom: 30px;}
.column4Scroll .text .title a{ overflow: hidden; display: block; height: 40px; font-size:20px; color: #333333; margin-bottom: 14px;}
.column4Scroll .text .title a:hover{ color: #cd291f;}
.column4Scroll .text .title em{ overflow: hidden; display: block; height: 56px; line-height: 28px; font-style: normal; color: #666666; font-size: 16px;}
.column4Scroll .text .btn{ overflow: hidden; margin-bottom: 10px;}
.column4Scroll .text .btn a{ overflow: hidden; height: 38px; line-height: 38px; padding: 0 35px; border: 1px solid #e6e6e6; float: left; display: inline; background: #FFF; color: #333333; font-size:14px; transition: all 0.5s; -webkit-transition: all 0.5s;}
.column4Scroll .text .btn a:hover{ color: #cd281e;}
.column4Scroll .prev{ display:block; width: 35px; height: 70px; cursor: pointer; background: rgba(0,0,0,0.6) url(../images/prev4.png) no-repeat center center; position: absolute; left: 0; top: 50%; margin-top: -35px; z-index: 1}
.column4Scroll .next{ display:block; width: 35px; height: 70px; cursor: pointer; background: rgba(0,0,0,0.6) url(../images/next4.png) no-repeat center center; position: absolute; right:0px; top: 50%; margin-top: -35px; z-index: 1}
.column4Scroll .prev:hover,.column4Scroll .next:hover{ background-color: #cd291f;}
.column4Scroll .myslide:hover .conC{ box-shadow: 0px 0px 12px rgba(0,0,0,0.2);}
/*第四通栏结束*/
/*第五通栏开始*/

/*第五通栏结束*/

/*底部开始*/
.footerBox{ background: #FFF; border-top: 1px solid #dedede;}
.footer1{ padding: 45px 0px;}
.footer1L{ overflow: hidden; margin-right: 190px;}
.footer1L dd{ float: left; display: inline; margin-right: 80px;}
.footer1L dd a{ display: block; height: 36px; font-size: 14px; color: #333333; line-height: 36px;}
.footer1L dd a:hover{ color: #cd281e;}
.footer1M{ overflow: hidden; padding-top: 10px; width: 440px;}
.footer1MC dd{ overflow: hidden; margin-bottom: 5px; float: left; display: inline; width: 100%;}
.footer1MC dd .title{ height: 28px; line-height: 28px; padding-left: 23px; color: #333333; font-size: 14px; margin-bottom: 5px; position: relative; margin-right: 15px; float: left; display: inline;}
.footer1MC dd .title span{ position: absolute; left: 0px; top: 0px; width: 23px; height: 28px; background-position: left center; background-repeat: no-repeat;}
.footer1MC dd.dd1 .title span{ background-image: url(../images/ficn1.png)}
.footer1MC dd.dd2 .title span{ background-image: url(../images/ficn2.png)}
.footer1MC dd.dd3 .title span{ background-image: url(../images/ficn3.png)}
.footer1MC dd.dd4 .title span{ background-image: url(../images/ficn4.png)}
.footer1MC dd .text{ line-height: 20px; color: #333; font-size: 14px; padding: 4px 0;}
.footer1R{ overflow: hidden;}
.footer1R .code{ float: left; display: inline; width: 114px; overflow: hidden; margin-left: 15px;}
.footer1R .code img{ display: block; width: 114px; height: 114px;}
.footer1R .code span{ display: block; height: 45px; line-height: 45px; text-align: center; color: #333333; font-size: 14px;}
.footer2{ padding: 0 0px;}
.footer2C{ border-top: 1px solid #dedede; color: #333333; font-size: 14px; height: 75px; line-height: 75px;}
.footer2M{ margin-left:10px;}
.footer2M a{ color: #333333;}
.footer2M a:hover{ color: #cd281e;}
.footer2R{ overflow: hidden; width: 220px;}
.footer2R span{ float: left; display: inline;}
.footer2R .bdsharebuttonbox{ margin-top: 25px;}
.footer2R a{ width: 25px !important; height: 25px !important; padding: 0 !important; margin: 0 0 0 10px !important; background-image: url(../images/share.png) !important;}
.footer2R a.bds_tsina{ background-position: -2px 0px !important;}
.footer2R a.bds_tqq{ background-position: -42px 0px !important;}
.footer2R a.bds_sqq{ background-position: -80px 0px !important;}
.footer2R a.bds_weixin{ background-position: -116px 0px !important;}
.footer2R a.bds_more{ background-position: -151px 0px !important;}
.footer2L .gab{
	padding-left: 25px;
	background: url(../images/beian.png) 1px center no-repeat;
	padding-right: 5px;
}
/*底部结束*/
/*
********************************此处首页样式结束********************************
*/
/*
********************************此处内页样式开始********************************
*/
/*内页框架开始*/
.subBanner{ width: 100%; padding-top:26%; position: relative; }
.subBanner a{ position: absolute; left: 0px; top: 0px; display: block; width: 100%; height: 100%; text-align: center; background-position: center center; background-repeat: no-repeat;background-size:  cover;}
.subBannerText{ display: none;}
.subBannerText span{ display: block; height:65px; line-height: 65px; color: #ffffff; font-size: 36px; font-weight:bold;}
.subBannerText em{ display: block; height:48px; line-height: 48px; color: #ffffff; font-size: 24px; font-style: normal;}
.bannerLine {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: url(../images/lineShadow.png) repeat;
    opacity: 0.1;
}
/*当前位置*/
.location{ height:60px; border-bottom: 1px solid #dedede; overflow: hidden;box-shadow: 0 1px 10px rgba(0,0,0,0.05);}
.locationList{ position: relative;}
.locationList dd{ overflow: hidden; float: left; display: inline; margin-right: 50px; padding-right: 50px; position: relative;}
.locationList dd:after{ background:#dedede; display: block; content: ''; width: 1px; height: 17px; position: absolute; right: 0px; top: 50%; margin-top: -8px;}
.locationList dd a{ display: block; height:60px; line-height:60px;  color: #676767; position:relative; font-size: 14px;}
.locationList dd a img{ display: block; height: 25px; position: absolute; left: 0px; top: 50%; margin-top:-12px; display: none;}
.locationList dd.hover:after{ background: #dedede;}
.locationList dd.hover a{ color: #cc281e;}
.locationList .prev{ display: block; position: absolute; left: -30px; top: 0%;  width: 20px; height: 70px; background: url(../images/navArrow.png) no-repeat center center; cursor: pointer; display: none !important;}
.locationList .next{ display: block; position: absolute; right: -30px; top: 0%;  width: 20px; height: 70px; background: url(../images/navArrow2.png) no-repeat center center; cursor: pointer; display: none !important;}
.locationList .prev.active{ display: block !important;}
.locationList .next.active{ display: block !important;}
.subPageC{ min-height: 600px; height: auto !important; height: 600px;}
/*页码开始*/
.page{padding:30px 0;text-align: center;clear: both;font-size: 14px;}
.page a{display: inline-block;overflow: hidden;padding:6px 12px;color:#999999;border-radius:3px;background: #fff; margin: 0 3px;}
.page span{display: inline-block; padding: 6px 2px; position: relative; top: -15px;}
.page a:hover{background: #cd281e;color: #fff;}
.page a.hover{background: #cd281e;color: #fff;}
.page input{display: inline-block;vertical-align: middle;height: 22px;border: 1px solid #e6e6e6;position: relative; top: -2px;}
.page input.pageDetail{width: 30px; height: 30px; text-align: center; border-radius: 3px; color: #999999; position: relative; top: -13px;}
.page label{color:#999999;position: relative;top: -11px;}
.page input.page_bnt{border: none; width: 30px; height: 25px; cursor: pointer; background: none; color: #999999; position: relative; top: -13px;}

.page a div{
	width: 11px;
    height: 19px;
	background-position: center center;
	background-repeat: no-repeat;
}
.page a.firstPage div{background-image: url(../images/page/firstPage.png)}
.page a.prevPage div{background-image: url(../images/page/prevPage.png)}
.page a.nextPage div{background-image: url(../images/page/nextPage.png)}
.page a.lastPage div{background-image: url(../images/page/lastPage.png)}

.page a.firstPage:hover div{background-image: url(../images/page/firstPageh.png)}
.page a.prevPage:hover div{background-image: url(../images/page/prevPageh.png)}
.page a.nextPage:hover div{background-image: url(../images/page/nextPageh.png)}
.page a.lastPage:hover div{background-image: url(../images/page/lastPageh.png)}

.page a.firstPage.disabled{background:#E2E2E2;}
.page a.prevPage.disabled{background:#E2E2E2;}
.page a.nextPage.disabled{background:#E2E2E2;}
.page a.lastPage.disabled{background:#E2E2E2;}

.page a.firstPage.disabled div{background-image: url(../images/page/firstPage.png)}
.page a.prevPage.disabled div{background-image: url(../images/page/prevPage.png)}
.page a.nextPage.disabled div{background-image: url(../images/page/nextPage.png)}
.page a.lastPage.disabled div{background-image: url(../images/page/lastPage.png)}
/*页码结束*/
/*内页框架结束*/
/*全图*/
.imgList1{ overflow: hidden; margin-right: -30px;}
.imgList1 dd{ width: 33.3333%; float: left; display: inline; margin-bottom: 30px;}
.imgList1 dd .con{ padding-right: 30px;}
.imgList1 dd .pic{ width: 100%; position: relative;}
.imgList1 dd .pic:before{ display: block; content: ''; width: 100%; padding-top: 56.3462%;}
.imgList1 dd .pic img{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}
.imgList1 dd .text{ padding: 20px 25px; background: #FFF;}
.imgList1 dd .text .info{ overflow: hidden;line-height: 35px; margin-bottom: 40px;}
.imgList1 dd .text .info span{ overflow: hidden; display: block; height: 35px; font-size: 16px; color: #999999;}
.imgList1 dd .text .info em{ overflow: hidden; display: block; height: 35px; font-style: normal; color: #333333; font-size: 18px;}
.imgList1 dd .text .btn{ overflow: hidden;}
.imgList1 dd .text .btn a{ overflow: hidden; height: 38px; line-height: 38px; padding: 0 35px; border: 1px solid #e6e6e6; float: left; display: inline; background: #f9f7f7; color: #333333; font-size: 16px; transition: all 0.5s; -webkit-transition: all 0.5s;}
.imgList1 dd .text .btn a:hover{ background: #cd281e; color: #FFF; border-color: #cd281e;}

.imgList2{ overflow: hidden; margin-right: -30px;}
.imgList2 dd{ width: 33.3333%; float: left; display: inline; margin-bottom: 30px;}
.imgList2 dd .con{ padding-right: 30px;}
.imgList2 dd a{ display: block; position: relative;}
.imgList2 dd .pic{ width: 100%; position: relative;}
.imgList2 dd .pic:before{ display: block; content: ''; width: 100%; padding-top:66.1538%;}
.imgList2 dd .pic img{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}
.imgList2 dd .text{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 1; background: rgba(0,0,0,0.6); opacity: 0; visibility: hidden;transition: all 0.5s; -webkit-transition: all 0.5s;}
.imgList2 dd .text h1{ font-size: 16px; height: 45px; line-height: 45px; text-align: center; font-weight: normal; color: #FFF;transition: all 0.5s; -webkit-transition: all 0.5s;transform: translateY(50px)}
.imgList2 dd:hover .text{ opacity: 1; visibility: visible;}
.imgList2 dd:hover .text h1{transform: translateY(0px)}

.imgList3{ overflow: hidden; margin-right: -30px;}
.imgList3 dd{ width: 33.3333%; float: left; display: inline; margin-bottom: 30px;}
.imgList3 dd .con{ padding-right: 30px;}
.imgList3 dd .item{ display: block; position: relative;}
.imgList3 dd .pic{ width: 100%; position: relative;}
.imgList3 dd .pic:before{ display: block; content: ''; width: 100%; padding-top:66.3462%;}
.imgList3 dd .pic img{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}
.imgList3 dd .text{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 1; background:#FFF;transition: all 0.5s; -webkit-transition: all 0.5s;}
.imgList3 dd .text .btn{ height: 0; line-height: 38px; padding: 0 50px; margin-bottom: 0; overflow: hidden;transition: all 0.5s; -webkit-transition: all 0.5s; visibility: hidden; opacity: 0}
.imgList3 dd .text .btn .listShare{float: left; display: inline; position: relative;}
.imgList3 dd .text .btn .listShare span{ display:block; width:25px; height: 38px; background: url(../images/icn4.png) no-repeat center center;  cursor: pointer;}
.listShareC{ position: absolute; left: 30px; top: 6px; width:180px; visibility: hidden; opacity: 0;transition: all 0.5s; -webkit-transition: all 0.5s;}
.listShareC a{ width: 25px !important; height: 25px !important; padding: 0 !important; margin: 0 0 0 10px !important; background-image: url(../images/share2.png) !important;}
.listShareC a.bds_tsina{ background-position: -2px 0px !important;}
.listShareC a.bds_tqq{ background-position: -42px 0px !important;}
.listShareC a.bds_sqq{ background-position: -80px 0px !important;}
.listShareC a.bds_weixin{ background-position: -116px 0px !important;}
.imgList3 dd .text .btn .listShare:hover .listShareC{ opacity: 1;visibility: visible;}

.imgList3 dd .text .more{ float: right; display: inline;}
.imgList3 dd .text .more a{ display: block; width: 38px; height: 38px;background: url(../images/icn5.png) no-repeat center center;}
.imgList3 dd .text .title{ font-size: 20px; height: 60px; line-height: 60px; overflow: hidden; font-weight: normal;transition: all 0.5s; -webkit-transition: all 0.5s; padding: 0 50px;}
.imgList3 dd .text .title a{ color: #333333;}
.imgList3 dd .text .text1{ color: #666666; font-size: 14px; padding: 0 50px; overflow: hidden; line-height: 30px; margin-bottom: 50px;transition: all 0.5s; -webkit-transition: all 0.5s;}
.imgList3 dd .text .time{ color: #666666; font-size: 14px; padding: 0 50px; overflow: hidden; line-height: 30px; height: 30px;}
.imgList3 dd:hover .text{ background: rgba(0, 0, 0, 0.50)}
.imgList3 dd:hover .btn{ height: 38px; margin-bottom: 20px; visibility: visible; opacity: 1}
.imgList3 dd:hover .text .title a{ color: #FFF;}
.imgList3 dd:hover .text .text1{ color: #FFF; margin-bottom: 20px;}
.imgList3 dd:hover .text .time{ color: #FFF;}


.imgList3_2{ overflow: hidden; margin-right: -30px;}
.imgList3_2 dd{ width: 25%; float: left; display: inline; margin-bottom: 30px;}
.imgList3_2 dd .con{ padding-right: 30px;}
.imgList3_2 dd a{ display: block; position: relative;}
.imgList3_2 dd .pic{ width: 100%; position: relative;}
.imgList3_2 dd .pic:before{ display: block; content: ''; width: 100%; padding-top:66.1538%;}
.imgList3_2 dd .pic img{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}
.imgList3_2 dd .text{width: 100%; height: 50px; line-height: 50px; z-index: 1; background:#FFF;transition: all 0.5s; -webkit-transition: all 0.5s;}
.imgList3_2 dd .text h1{ font-size: 16px; height: 50px; line-height: 50px; text-align: center; font-weight: normal;transition: all 0.2s; overflow:hidden;}
.imgList3_2 dd:hover .text h1{ color: #cc281e;}
/*服务与支持*/
.serviceColumn1{ padding-top: 35px; background: #FFF;}
.serviceT{ overflow: hidden; padding-bottom: 13px; position: relative;}
.serviceT h1{font-weight: normal;font-size:20px;color: #b4b4b4;text-transform : uppercase;}
.serviceT:before{ display: block; width: 40px; height: 1px; background: #a1a1a1; position: absolute; left: 0px; bottom: 0px; content: '';}
.serviceT img{ overflow: hidden; height: 26px;display: block; padding: 17px 0;}
.serviceT em{ overflow: hidden; height: 35px; line-height: 35px; display: block; color: #010101; font-size: 24px; font-style: normal;}
.serviceT.ftbai em{ color: #FFF;}
.serviceT.ftbai:before{ background: #FFF;}
.serviceT.ftbai2 h1{ color: #FFF;}
.serviceT.ftbai2 em{ color: #FFF;}
.serviceT.ftbai2:before{ background: #FFF;}
.serviceColumn1C{ padding-top: 80px; padding-bottom:50px;}
.serviceColumn1C .conR{ position: relative; width: 765px; margin-left: 75px;}
.serviceColumn1C .conR:before{ content: ''; display: block; width: 100%; padding-top: 53.0105%;}
.serviceColumn1C .conR img{ display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}
.serviceColumn1C .conL{ color: #333333; font-size: 16px; line-height: 40px;}

.serviceColumn2{ height: 850px; width: 100%;background-position: center center; background-repeat: no-repeat; background-attachment: fixed;background-size:  cover;}

.serviceColumn3{ background: #fff;}
.serviceColumn3C{ overflow: hidden;padding-bottom:20px;}
.serviceColumn3C img{ display: block; margin: 0 auto;}

.serviceColumn4{ height:660px; width: 100%;background-position: center center; background-repeat: no-repeat; background-attachment: fixed;background-size:  cover;}
.serviceColumn4C{ overflow: hidden; height: 100%;}
.serviceColumn4CR{ width: 745px;}
.serviceColumn4CR .text{ padding-top: 100px; color: #ffffff; font-size: 16px; line-height: 28px; height: 112px; overflow: hidden; margin-bottom: 105px;}
.serviceColumn4CR .btn{ overflow: hidden;}
.serviceColumn4CR .btn a{ overflow: hidden; float: left; display: inline; height: 42px; line-height: 42px; padding: 0 26px; background: #cd291f; color: #FFF; font-size: 16px; transition: all 0.3s; -webkit-transition: all 0.3s;}
.serviceColumn4CR .btn a:hover{ background: #bf241b; border-radius: 42px 0 42px 0;}
/*集团简介*/
.comInfoColumn1{ padding-top: 35px; padding-bottom: 90px; background:#fff;}
.comInfoColumn1Text{ padding-top: 25px; color: #333333; font-size: 16px; line-height: 34px; overflow: hidden;-moz-column-count:2;-webkit-column-count:2;column-count:2; text-align: justify; text-indent: 2rem;-moz-column-gap:45px;-webkit-column-gap:45px;column-gap:45px; margin-bottom: 20px;}
.comInfoColumn1Text a{ display: block; text-indent: 0rem; color: #cc281e; font-size: 14px;}
.comInfoColumn1TextPic{ overflow: hidden;}
.comInfoColumn1TextPic img{ max-width: 100%;}

.comInfoColumn2{ overflow: hidden; background: #000;}
.comInfoColumn2 dd{ float: left; display: inline; width: 33.3333%; overflow: hidden;}
.comInfoColumn2 dd a{ display: block; position: relative;}
.comInfoColumn2 dd .pic{ width: 100%; position: relative;}
.comInfoColumn2 dd .pic:before{ display: block; content: ''; width: 100%; padding-top: 66.8232%;}
.comInfoColumn2 dd .pic img{ display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}
.comInfoColumn2 dd .text{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}
.comInfoColumn2 dd .text img{ display: block; height: 70px; margin: 0 auto; transition: all 0.3s; -webkit-transition: all 0.3s;}
.comInfoColumn2 dd .text span{ display: block; height: 65px; line-height: 65px; text-align: center; color: #f2f2f2; font-size: 24px;}
.comInfoColumn2 dd:hover .pic img{transform:scale(1.05); -webkit-transform:scale(1.05);}
.comInfoColumn2 dd:hover .text img{ transform: translateY(-10px);}

.comInfoColumn3{ height: 950px;width: 100%;background-position: center center; background-repeat: no-repeat; background-attachment: fixed;background-size:  cover;}
.comInfoColumn3 .text{ padding-top: 195px; color: #ffffff; font-size: 14px; line-height: 40px; overflow: hidden; margin-bottom: 95px;}
.comInfoColumn3 .btn{ overflow: hidden; text-align: right; line-height: 76px; font-size: 0; color: #ffffff;}
.comInfoColumn3 .btn div{ display: inline-block; overflow: hidden;}
.comInfoColumn3 .btn span{ font-size: 14px;height: 76px; line-height: 76px; float: left; display: inline;}
.comInfoColumn3 .btn img{float: left; display: inline; height: 76px;}

.comInfoColumn4{ background: #FFF;}
.comInfoColumn4C{ padding: 80px 0;}
.comInfoColumn4Scroll{position: relative;}
.comInfoColumn4Scroll .bd{ overflow: hidden;}
.comInfoColumn4Scroll .slick-list{ margin-right: -30px;}
.comInfoColumn4Scroll .myslide{ float: left; display: inline; width: 33.3333%;}
.comInfoColumn4Scroll .con{ padding-right: 30px;}
.comInfoColumn4Scroll .con a{ display: block;}
.comInfoColumn4Scroll .con .pic{ width: 100%; position: relative;}
.comInfoColumn4Scroll .con .pic:before{ display: block; width: 100%; content: ''; padding-top: 66.3462%;}
.comInfoColumn4Scroll .con .pic img{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}
.comInfoColumn4Scroll .con .text{ height: 70px; line-height: 70px; background: #f5f5f5; color: #333333; font-size: 24px; text-align: center;}
.comInfoColumn4Scroll .prev{ display:block; width: 35px; height: 70px; cursor: pointer; background: rgba(0,0,0,0.6) url(../images/prev4.png) no-repeat center center; position: absolute; left: 0; top: 50%; margin-top: -35px; z-index: 1}
.comInfoColumn4Scroll .next{ display:block; width: 35px; height: 70px; cursor: pointer; background: rgba(0,0,0,0.6) url(../images/next4.png) no-repeat center center; position: absolute; right:0px; top: 50%; margin-top: -35px; z-index: 1}
.comInfoColumn4Scroll .prev:hover,.comInfoColumn4Scroll .next:hover{ background-color: #cd291f;}

.comInfoColumn5{ height: 950px; overflow: hidden;width: 100%;background-position: center center; background-repeat: no-repeat; background-attachment: fixed;background-size:  cover; }
.comInfoColumn5C{ padding-top: 105px;}
.comInfoColumn5C1{ width: 970px; margin: 0 auto; padding-top: 43px; position: relative; background: url(../images/comInfosjz.png) no-repeat left top;}
.comInfoColumn5sjz{ padding-top: 30px; padding-left: 80px; position: relative; height: 545px; overflow: hidden;}
.comInfoColumn5sjz:before{ display: block; content: ''; position: absolute; left: 21px; top: 0px; width: 3px; height: 100%; background: #a7a7a7;}
.comInfoColumn5sjzC{ position: relative; height: 545px;}
.comInfoColumn5sjzC .prev{ position: absolute; left: 0px; top: 0px; width: 100%; height: 50%; z-index: 100}
.comInfoColumn5sjzC .next{ position: absolute; left: 0px; bottom: 0px; width: 100%; height: 50%; z-index: 100}
.comInfoColumn5sjz dl{ position: absolute; width: 100%; }
.comInfoColumn5sjz dd{ padding:15px 35px; background: #FFF; margin-bottom: 15px; position: relative;}
.comInfoColumn5sjz dd:before{ display: block; content: ''; width: 13px; height: 22px; background: url(../images/comInfosjz2.png) no-repeat center center; position: absolute; left: -13px; top: 50%; margin-top: -11px;}
.comInfoColumn5sjz dd:after{ display: block; content: ''; width: 17px; height: 3px; background:#ff0000; position: absolute; left: -56px; top: 50%; margin-top: -2px;}
.comInfoColumn5sjz dd .title{ height: 28px; line-height: 28px; color: #535353; font-size: 16px; font-weight: bold;}
.comInfoColumn5sjz dd .text{ line-height: 25px; color: #535353; font-size: 14px;}

.comInfoColumn6{ background: #f5f5f5;}
.comInfoColumn6C{ padding-top: 65px; padding-bottom: 60px;}
.comInfoColumn6C img{ max-width: 100%;}

.comInfoColumn7{width: 100%;background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative;}
.comInfoColumn7:before{ display: block; width: 100%; padding-top: 34.375%; content: '';}
.comInfoColumn7:after{ display: block; width: 100%; height: 100%; content: ''; position: absolute; left: 0px; top: 0px; background: rgba(0, 0, 0, 0.5)}
.comInfoColumn7 a{ display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 1}
.comInfoColumn7 .btn{ height: 65px; background: url(../images/comInfoplay.png) no-repeat center center;}
.comInfoColumn7 span{ display: block; height: 80px; line-height: 80px; color: #ffffff; font-size: 24px; text-align: center; text-align: center;} 

/*矿产资源*/
.kczyColumn{ height: 500px; overflow: hidden;width: 100%; position: relative;}
.kczyColumn .clBg{overflow: hidden;width: 100%;position:absolute; left: 0px; top: 0px; height: 100%;}

.kczyColumn:before{ display: block; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; content: ''; background: rgba(0, 0, 0, 0.5); z-index: 1}
.kczyColumnC{ position: relative; z-index: 2; width: 62%;}
.kczyColumn .text{ padding-top: 25px; color: #ffffff; font-size: 16px; line-height: 28px; height: 140px; overflow: hidden; margin-bottom: 30px;}
.kczyColumn .btn{ overflow: hidden;}
.kczyColumn .btn a{ overflow: hidden; float: left; display: inline; height: 42px; line-height: 42px; padding: 0 26px; background: #cd291f; color: #FFF; font-size: 16px; transition: all 0.3s; -webkit-transition: all 0.3s;}
.kczyColumn .btn a:hover{ background: #bf241b; border-radius: 42px 0 42px 0;}
.kczyColumn.right{ text-align: right}
.kczyColumn.right .kczyColumnC{ float: right; display: inline''}
.kczyColumn.right .serviceT img{ float: right; display: inline;}
.kczyColumn.right .serviceT em{ clear: both;}
.kczyColumn.right .serviceT:before{ right: 0px; left: auto;}
.kczyColumn.right .btn a{ float: right;}

.kczyColumn4CScroll{position: relative;}
.kczyColumn4CScroll .bd{ overflow: hidden;}
.kczyColumn4CScroll .slick-list{ margin-right:0px;}
.kczyColumn4CScroll .myslide{ float: left; display: inline; width: 33.3333%;}
.kczyColumn4CScroll .con{ padding-right: 0px;}
.kczyColumn4CScroll .con a{ display: block; position: relative; overflow: hidden;}
.kczyColumn4CScroll .con .pic{ width: 100%; position: relative; z-index: 1}
.kczyColumn4CScroll .con .pic:before{ display: block; width: 100%; content: ''; padding-top: 63.75%;}
.kczyColumn4CScroll .con .pic img{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}
.kczyColumn4CScroll .con .text{ height: 60px; line-height: 60px; background: rgba(0, 0, 0, 0.6); color: #ffffff; font-size:16px; text-align: center; position: absolute; width: 100%; position: absolute; left: 0px; bottom: 0px; z-index: 3; transition: all 0.5s; -webkit-transition: all 0.5s;}
.kczyColumn4CScroll .con a:hover .pic img{transform:scale(1.05); -webkit-transform:scale(1.05);}
.kczyColumn4Btn{ overflow: hidden; text-align: center; padding: 50px 0}
.kczyColumn4Btn a{height: 42px; line-height: 42px; padding: 0 26px; background: #cd291f; color: #FFF; font-size: 16px; transition: all 0.3s; -webkit-transition: all 0.3s; display: inline-block;}
.kczyColumn4Btn a:hover{ background: #bf241b; border-radius: 42px 0 42px 0;}

/*工程案例*/
.case{ overflow: hidden;}
.case dd{ float: left; display: inline; width: 33.3333%; overflow: hidden; position: relative;}
.case dd .pic{ width: 100%; position: relative; overflow: hidden; background-color: #000}
.case dd .pic:before{ display: block; content: ''; width: 100%; padding-top: 56.25%;}
.case dd .pic img{ display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}
.case dd .text{ 
    position: absolute;
    width: 100%;
    height:60px;
    line-height: 60px;
    text-align: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 0 25px;
    color: #FFF;
    z-index: 1;
    left: 0px;
    bottom: 0px;
    font-size: 16px;
    color: #ffffff;
    background:#000; /* 一些不支持背景渐变的浏览器 */  
    background:-moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));  
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5)));  
    background:-o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)); 
}
/*案例详情*/
.casView{ margin: 0 auto; width: 1080px;}
.caseViewPicBox{ position: relative; height: 175px;}
.caseViewPic{ width: 800px; height: 450px; position: absolute; left: 50%; margin-left: -400px; top: -275px;}
.caseViewPic .bd{ overflow: hidden; height: 450px;}
.caseViewPic .slick-list{ margin-right:0px;}
.caseViewPic .myslide{ float: left; display: inline; width: 800px; height: 450px; }
.caseViewPic .myslide img{ width: 800px; height: 450px; display: block;}
.caseViewPic .prev{ position: absolute; left: -55px; top: 152px; width: 30px; height: 108px; border: 2px solid #ffffff; background: url(../images/prev2.png) no-repeat center center; z-index: 10; cursor: pointer; transition: all 0.3s; -webkit-transition: all 0.3s;}
.caseViewPic .next{ position: absolute; right: -55px; top: 152px; width: 30px; height: 108px; border: 2px solid #ffffff; background: url(../images/next2.png) no-repeat center center; z-index: 10; cursor: pointer;transition: all 0.3s; -webkit-transition: all 0.3s;}
.caseViewPic .prev:hover{ background-color: #cd291f; border-color: #cd291f;}
.caseViewPic .next:hover{ background-color: #cd291f; border-color: #cd291f;}

.caseViewT{ padding: 25px 0; line-height: 40px; border-bottom: 1px solid #c7c7c7; color: #333333; font-size: 24px; text-align: center; margin-bottom: 38px;}
.caseViewText{ font-size: 14px; line-height: 30px; color: #333333; margin-bottom: 110px; overflow: hidden;}
.caseViewText img{ max-width: 100%;}
.caseViewPage{ overflow: hidden;  border-top: 1px solid #c7c7c7; padding: 30px 0;}
.caseViewPage a{ padding: 0 20px; height: 44px; line-height: 44px; border: 1px solid #c7c7c7; background: #f5f5f5; color: #333333; font-size: 14px;transition: all 0.3s; -webkit-transition: all 0.3s;}
.caseViewPage a:hover{ background-color: #cd291f; border-color: #cd291f; color: #FFF;}
/*联系我们*/
.contact{ width: 1080px; margin: 0 auto;}
.contact1{height:  135px; position: relative; margin-right: -30px;}
.contact1List{ position: absolute; left: 0px; width: 100%; top: -30px;}
.contact1List dd{ float: left; display: inline; width: 33.3333%;}
.contact1List dd .con{ padding-right: 30px; text-align: center;}
.contact1List dd .con .text{ height:240px; border-bottom: 3px solid #c7c7c7; background: #FFF; padding-top: 70px; line-height: 26px; color: #333333; font-size: 14px; position: relative;transition: all 0.3s; -webkit-transition: all 0.3s;}
.contact1List dd .con .text:before{ display: block; height: 3px; background: #cd281e; position: absolute; left: 0px; bottom: -3px; content: ''; width: 0px;transition: all 0.3s; -webkit-transition: all 0.3s;}
.contact1List dd .con .img{ width: 73px; height: 73px; overflow: hidden; position: absolute; left: 50%; margin-left: -36px; top: -36px;}
.contact1List dd:hover .text{ box-shadow: 0px 0px 15px rgba(0,0,0,0.2); color: #cd281e;}
.contact1List dd:hover .text:before{ width: 100%;}
.messageT{ padding-top: 88px; height: 55px; line-height: 55px; text-align: center; color: #333333; font-size: 24px; margin-bottom: 40px;}
.messageC{ background: #f5f3f0; padding: 45px 50px;}
.messageForm{ overflow: hidden; margin-right: -20px;}
.messageForm dd{ float: left; display: inline; width: 33.3333%; margin-bottom: 15px;}
.messageForm dd .con{ padding-right: 20px;}
.messageForm dd .form{ border-bottom: 1px solid #c7c7c7;  padding: 0 8px;}
.messageForm dd .form span{ float: left; display: inline; color: #666666; font-size: 14px; line-height: 40px;}
.messageForm dd .form .formC{ overflow: hidden; padding: 0 10px;}
.messageForm dd .form input{ overflow: hidden; display: block; height: 40px; line-height: 40px; background: none; border: none; width: 100%;}
.messageForm dd .form textarea{ overflow: hidden; display: block; height: 170px; line-height: 40px; font-size: 14px; background: none; border: none; width: 100%;}
.messageForm dd.ddtextarea{ width: 100%;}
.messageCode{ text-align: center; padding: 30px 0;}
.messageCode div{ display: inline-block; overflow: hidden;}
.messageCode div input{ float: left; display: inline; width: 143px; height: 38px; border: 1px solid #c7c7c7; padding: 0 10px; background: none; margin-right: 18px;}
.messageCode div img{ float: left; display: inline; width: 90px; height: 40px;}
.messageBtn{ overflow: hidden; text-align: center;}
.messageBtn a{ display: block; width: 273px; height: 50px; line-height: 50px; font-size: 14px; background: #cd281e; margin: 0 auto; color: #FFF;}
.messageBtn a:hover{ opacity: 0.8}
/*招聘*/
.recruit1{ background: #FFF;}
.recruit1C{ padding: 40px 0;}
.recruit1List{ overflow: hidden; margin-right: -75px;}
.recruit1List dd{ float: left; display: inline; width: 16.6667%;}
.recruit1List dd .con{ padding-right: 75px;}
.recruit1List dd a{ display: block; text-align: center;}
.recruit1List dd img{ display: block; height: 160px; margin: 0 auto;}
.recruit1List dd span{ display: block; height: 50px; line-height: 50px; color: #040000; font-size: 24px;}
.recruit1List dd div{ display: block; line-height: 25px; color: #666666; font-size: 14px;}

.recruit1_2{ overflow: hidden;}
.recruit1_2.bai{background: #FFF;}
.recruit1_2_2C{ padding: 40px 0;}
.recruit1_2List{ overflow: hidden; margin-right: -75px;}
.recruit1_2List dd{ float: left; display: inline; width: 50%; margin-bottom: 30px;}
.recruit1_2List dd .con{ padding-right: 30px;}
.recruit1_2List dd a{ display: block; background: #FFF; padding: 15px 30px; height: 110px;}
.recruit1_2List dd span{ display: block; height: 50px; line-height: 50px; color: #040000; font-size: 24px; margin-bottom: 10px; position: relative;}
.recruit1_2List dd span:before{ display: block; width: 40px; height: 1px; background: #e6e6e6; content: ''; position: absolute; left: 0px; bottom: 0px;}
.recruit1_2List dd div{ display: block; line-height: 25px; color: #666666; font-size: 14px;}
.recruit2{ height: 275px;width: 100%;background-position: center center; background-repeat: no-repeat;background-size:  cover; }
.recruit3{ overflow: hidden; background: #FFF;}
.recruit3C{ padding-top: 45px;  margin: 0 auto;}
.recruit3CInfo{ color: #333333; font-size: 14px; line-height: 40px; text-align: center; margin-bottom: 40px; overflow: hidden;}

.recruitT{background: #cd281e; color: #f1f1f1; font-size: 20px;}
.recruitTC{ overflow: hidden;}
.recruitTC span{ float: left; display: inline; line-height: 22px; padding: 14px 0;}
.recruitTC span.span1{ width: 25%; text-align: center;}
.recruitTC span.span2{ width: 25%; text-align: center;}
.recruitTC span.span3{ width: 25%; text-align: center;}
.recruitTC span.span4{ width: 25%; text-align: center;}
.recruitList{ font-size: 14px; color: #333333;}
.recruitList dd{ border-bottom: 1px solid #dadada;}
.recruitList span{ float: left; display: inline; line-height: 22px; padding: 22px 0;}
.recruitList span.span1{ width: 25%; text-align: center;}
.recruitList span.span2{ width: 25%; text-align: center;}
.recruitList span.span3{ width: 25%; text-align: center;}
.recruitList span.span4{ width: 25%; text-align: center;}
.recruitList .title{ overflow: hidden; cursor: pointer;}
.recruitList .con{ padding: 20px 130px; background: #fafafa; display: none;}
.recruitList .con .con2{ overflow: hidden;  }
.recruitList .con .con2 .con2T{ overflow: hidden; line-height: 35px; color: #333333; font-size: 16px; margin-bottom: 8px;}
.recruitList .con .con2 .con2Text{ color: #777777; font-size: 14px; line-height: 28px;}
.recruitList dd .title:hover .span4{ color: #cd281e}
.recruitList dd.hover .title .span4{ color: #cd281e; background: #ebebeb;}
.recruitList dd.hover .title{ background: #ebebeb;}



/**
 * 图文列表1
 * @author 杨朝杰
 * @return
 */
.textImg{
    border-bottom: 1px solid #ddd;
	position:relative;
	z-index:9;
}
.textImg dd{
    padding:30px 0;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
	overflow:hidden;
	clear:both;
	background:#fff;
	border-top:1px solid #e6e6e6;
}
.textImg dd .picture{
	display:block;
	width:390px;
	height:260px;
	overflow:hidden; 
	position:relative;
    float: left;
	margin:0 20px 0 0;
	}
.textImg dd .picture img{
	display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 2;
	transform: scale(1);
	-webkit-transition:0.3s; 
	-moz-transition:0.3s; 
	transition:0.3s;
	}
.textImg h3{
    font-size:20px;
    color:#191919;
}
.textImg p{
	margin:20px 0;
    line-height:30px;
	overflow:hidden;
	font-size:14px;
	color:#848484;
}
.textImg dd:hover{
    background:#ddd;
}
.textImg dd:hover .picture img{transform: scale(1.05)}
.textImg dd h6{
	font-weight: normal;
	padding:0 0 0 26px;
	float:left;
	overflow:hidden;
	background:url(../images/date.png) no-repeat left center;
	}
.textImg dd h6 span{
	padding:0 0 0 26px;
	margin:0 0 0 20px;
    background: url(../images/read.png) no-repeat left center;
}









/*图文*/
.textImg1{ overflow: hidden; padding-top: 40px;}
.textImg1 dd{ overflow: hidden; position: relative;}
.textImg1 dd .pic{ width:50%; position: relative;}
.textImg1 dd .pic:before{ display: block; content: ''; width: 100%; padding-top: 52.0833%;}
.textImg1 dd .pic img{ display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}
.textImg1 dd .text{ position: absolute; top: 0px; width: 50%; height: 100%;}
.textImg1 dd .text:before{ width: 70%; height: 8px; position: absolute; bottom: 0px; background: #ebebeb; display: block; content: '';}
.textImg1 dd .text:after{ width: 0%; height: 8px; position: absolute; bottom: 0px; background: #cd281e; display: block; content: '';transition: all 0.5s; -webkit-transition: all 0.5s;}
.textImg1 dd .text .textC{ width: 70%; padding-top: 50px;}
.textImg1 dd .text .title{ overflow: hidden; margin-bottom: 40px;}
.textImg1 dd .text .title a{ float: left; display: inline; height: 60px; line-height: 60px; padding-right: 60px; color: #333333; font-size: 32px; border-bottom: 1px solid #c7c7c7; position: relative;}
.textImg1 dd .text .title a:before{ display: block; width: 0%; height: 1px; background: #cd281e; content: ''; position: absolute; left: 0px; bottom: -1px;transition: all 0.3s; -webkit-transition: all 0.3s;}
.textImg1 dd .text .title a:hover:before{ width: 80%}
.textImg1 dd .text .text1{ color: #666666; font-size: 14px; line-height: 30px; overflow: hidden; margin-bottom: 40px;}
.textImg1 dd .text .btn{ overflow: hidden;}
.textImg1 dd .text .btn a{ float: left; display: inline; height: 40px; line-height: 40px; padding: 0 26px; border: 1px solid #e6e6e6; background: #f9f7f7; color: #333333; font-size: 16px; transition: all 0.3s; -webkit-transition: all 0.3s;}
.textImg1 dd .text .btn a:hover{ background: #cd281e; color: #FFF; border-color: #cd281e;}
.textImg1 dd:hover .text:after{ width: 70%;}
.textImg1 dd.odd .pic{ float: right; display: inline;}
.textImg1 dd.odd .text{ left:0px;}
.textImg1 dd.odd .text:before{ right:0px;}
.textImg1 dd.odd .text:after{ right:0px;}
.textImg1 dd.odd .text .textC{ float: right; display: inline;}
.textImg1 dd.odd .text .textCC{ padding-right: 70px;}

.textImg1 dd.even .pic{ float: left; display: inline;}
.textImg1 dd.even .text{ right:0px;}
.textImg1 dd.even .text:before{ left:0px;}
.textImg1 dd.even .text:after{ left:0px;}
.textImg1 dd.even .text .textC{ float: left; display: inline;}
.textImg1 dd.even .text .textCC{ padding-left: 70px;}

.textImg3{ margin-right: -30px; overflow: hidden;}
.textImg3 dd{ float: left; display: inline; width: 25%; margin-bottom: 30px; }
.textImg3 dd .con{ padding-right: 30px;}
.textImg3 dd .con .conC{transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}
.textImg3 dd .pic{ width: 100%; position: relative;}
.textImg3 dd .pic:before{ display: block; content: ''; width: 100%; padding-top:66.3462%;}
.textImg3 dd .pic img{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}
.textImg3 dd .text{ padding: 20px; background: #FFF;}
.textImg3 dd .text .title{ overflow: hidden;line-height: 35px; margin-bottom: 30px;}
.textImg3 dd .text .title a{ overflow: hidden; display: block; height: 40px; font-size:20px; color: #333333; margin-bottom: 14px;}
.textImg3 dd .text .title a:hover{ color: #cd291f;}
.textImg3 dd .text .title em{ overflow: hidden; display: block; height: 56px; line-height: 28px; font-style: normal; color: #666666; font-size: 16px;}
.textImg3 dd .text .btn{ overflow: hidden; margin-bottom: 10px;}
.textImg3 dd .text .btn a{ overflow: hidden; height: 38px; line-height: 38px; padding: 0 35px; border: 1px solid #e6e6e6; float: left; display: inline; background: #FFF; color: #333333; font-size:14px; transition: all 0.5s; -webkit-transition: all 0.5s;}
.textImg3 dd .text .btn a:hover{ color: #cd281e;}



/*新闻详细+单篇*/
.newsView{padding: 95px 50px 0;}
.articleT{
	clear:both;
	line-height:58px;
	font-size:36px;
	color:#000000;
	text-align:center;
    margin-bottom: 20px;
	}
.articleT2{
	clear:both;
	font-size:14px;
	color:#666666;
	line-height:40px;
	text-align:center;
    padding-bottom: 10px;
    border-bottom: 1px solid #c7c7c7;
	}
.articleT2C{ display: inline-block;}
.articleT2C .time{ float: left; display: inline; height: 40px; padding-left: 23px; background: url(../images/icn6.png) no-repeat left center; margin-right: 22px;}
.articleT2C .scan{ float: left; display: inline; height: 40px; padding-left: 34px; background: url(../images/icn7.png) no-repeat left center;}
.articleT2C .artShare{ float: left; display: inline; margin-left: 20px; position: relative;}
.articleT2C .artShare span{width: 15px; height: 40px;background: url(../images/icn8.png) no-repeat center center; cursor: pointer; display: block;}
.articleT2C .artShare .bdsharebuttonbox{ width: 180px; position: absolute; left: 15px; top: 8px; visibility: hidden; opacity: 0;transition: all 0.5s; -webkit-transition: all 0.5s;}
.articleT2C .artShare a{ width: 25px !important; height: 25px !important; padding: 0 !important; margin: 0 0 0 10px !important; background-image: url(../images/share.png) !important;}
.articleT2C .artShare a.bds_tsina{ background-position: -2px 0px !important;}
.articleT2C .artShare a.bds_tqq{ background-position: -42px 0px !important;}
.articleT2C .artShare a.bds_sqq{ background-position: -80px 0px !important;}
.articleT2C .artShare a.bds_weixin{ background-position: -116px 0px !important;}
.articleT2C .artShare:hover .bdsharebuttonbox{ opacity: 1;visibility: visible;}
.articleBox{
	clear:both;
	overflow:hidden;
	font-size:16px;
	line-height:40px;
	color:#666666;
	}
.articleBox img{ max-width:100%;}
/* 文章阅读页——大图*/
#play{
	width:875px;
	height:675px;
	position:relative;
	background:#fff;
	margin:0 auto;
}
#play .change_a {
	width:40%;
	height: 100%;
	position: absolute;
	top: 0;
	z-index: 1;
	cursor: pointer;
	display: block;
}
#play .prev_a {left: 0;}
#play .next_a {right: 0}
#play .change_a span {
	 display: block; width: 40px; height: 40px; position: absolute; top: 50%; margin-top: -20px; background-color: #d9d9d9; background-position: center center; background-repeat: no-repeat; border-radius: 40px;
}
#play .prev_a span {background-image: url(../images/arrow2L.png);left: -80px;}
#play .prev_a span:hover{ background-image: url(../images/arrow2Lh.png); background-color: #cc281e;}
#play .next_a span {background-image: url(../images/arrow2R.png);right: -80px;}
#play .next_a span:hover{ background-image: url(../images/arrow2Rh.png); background-color: #cc281e;}
#play .img_ul {
	position: relative;
	z-index: 1;
	width:875px;
	height:675px;
    overflow: hidden;
}
#play .img_ul li{
	position: relative;
	z-index: 1;
	width:875px;
	height:675px;
	background:#ededed;
	margin:0 0 5px 0;
}
#play .img_ul li img{position:absolute;}
#play .img_ul li span{ display: block; height: 60px; line-height: 60px; text-align: center; width: 100%; background: rgba(0,0,0,0.8); font-size: 16px; color: #FFF; position: absolute; left: 0px; bottom: 0px;}
.imgMove{width:875px;clear:both;margin:20px auto;position:relative;}
.img_hd {
	margin:0 auto;
	overflow: hidden;
	height:105px;
	position:relative;
}
.img_hd ul {
	position: absolute;
	z-index: 1
}
.img_hd ul li {
	float: left;
	width:133px;
	height:102px;
	margin:0 13px 0 0;
	cursor: pointer;
	background:#fff;
	border:1px solid #d4d4d4;
	position:relative;
}
.img_hd ul li p{
	width:133px;
	height:102px;
	display:block;
	background:#fff;
	position:relative;
	}
.img_hd ul li i{
	display:block;
	clear:both;
	line-height:20px;
	padding:0 5px;
	background:#000;
	color:#fff;
	position:absolute;
	right:3px;
	bottom:3px;
	z-index:99999999999999;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	font-family:Arial;
	font-size:12px;
	font-style:normal;
	}
.img_hd ul li img {position:absolute;width:133px;
	height:102px;}
.img_hd ul li.on {border:1px solid #cd281e;background:#cd281e;}
.imgMove .prev_a { display:block; width:30px; height:90px; position:absolute; left:0px; top:0px; background:url(../images/prev6.png) no-repeat center center; background-color:#e5e5e5;}
.imgMove .next_a { display:block; width:30px; height:90px; position:absolute; right:0px; top:0px; background:url(../images/next6.png) no-repeat center center; background-color:#e5e5e5;}
.article_pageUp{font-size:16px;line-height:30px;color:#333;padding:0 0 30px 20px;}
.article_pageUp a{color:#666}
.article_pageUp a:hover{color:#cd281e}
/**/
.share{ border-top:1px solid #d8d8d8; padding-top:20px;}
.articleB_box{
	clear:both;
	height:30px;
	overflow:hidden;
	background:#f8f9fb;
	padding:0 20px;
	color:#666;
	font-size:14px;
	line-height:30px;
	}
.articleB_box i{color:#cd281e}
.dz{ overflow: hidden;}
.dz a{ display: block; height: 28px; line-height: 28px; padding: 0 25px 0 0; background: url(../images/return.png) no-repeat right center; font-size: 16px; color: #333333;}
.dz a:hover{ color: #cd281e;}
.articlePage{
	clear:both;
	height:30px;
	text-align:center;
	font-family:Arial;
    padding-top: 10px;
	}
.articlePage a{
	margin:0 1px;
	background:#ccc;
	padding:5px 10px;
	}
.articlePage a:hover{
	color:#fff;
	background:#cd281e;
	}
.articlePage a.hover{
	color:#fff;
	background:#cd281e;
	}
.articleHand{
    clear:both;
    font-size:16px;
    padding:10px 0px 20px 0;
    overflow: hidden;
    }
.articleHand a{
    display:block;
    line-height:32px;
    padding:0 20px 10px 30px;
    float:left;
	background:url(../images/file.png) no-repeat left center; 
}
.articleHand a.word{background:url(../images/word.png) no-repeat left 3px; color:#37a6ff !important; }
.articleHand a.ppt{background:url(../images/ppt.png) no-repeat left center; color:#ff7735 !important;}
.articleHand a.excel{background:url(../images/excel.png) no-repeat left center; color:#15bf44 !important; }
.articleHand a.pdf{background:url(../images/pdf.png) no-repeat left center; color:#1369c0 !important; }
.articleHand a.zip{background:url(../images/zip.png) no-repeat left 3px; color:#ff9779 !important; }

/*
********************************此处内页样式结束********************************
*/
/*发展历程*/
.fzlc{ overflow: hidden; margin-right: -170px; position: relative;}
.fzlc:before{ display: block; width: 1px; height: 100%; background: #c7c7c7; position: absolute; left: 50%; margin-left: -85px; content: '';}
.fzlc dd{ width: 50%; float:left; display: inline; margin-bottom: 38px;}
.fzlc dd .con{ margin-right: 170px; position: relative; z-index: 1}
.fzlc dd .con .year{ width: 83px; height: 72px; background-position: center center; background-repeat: no-repeat; text-align: center; line-height: 72px; color: #535353; font-size: 24px; font-weight: bold; position: absolute;}
.fzlc dd .con .pic{ width: 300px; height: 200px;}
.fzlc dd .con .pic img{ width: 300px; height: 200px;}
.fzlc dd .con .text{ overflow: hidden; padding:20px 20px 48px; background: #FFF; height: 132px; position: relative; transition: all 0.3s; -webkit-transition: all 0.3s;}
.fzlc dd .con .text .mouse{ width: 21px; height: 30px; background: url(../images/mouse1.png) no-repeat center center; position: absolute; right: 25px; bottom: 10px; display: none;}
.fzlc dd .con .text .mouse.active{ display: block;}
.fzlc dd .con .text .textC{ height: 125px; overflow: hidden; line-height: 30px; color: #535353; font-size: 16px; margin-right: -50px; padding-right: 50px; overflow-y: auto;}
.fzlc dd.odd .year{ right: -126px; top: 0px; background-image: url(../images/year1.png); padding-left: 13px;}
.fzlc dd.even .year{ left: -126px; bottom: 0px; background-image: url(../images/year2.png); padding-right: 13px;}
.fzlc dd:hover .text{ background: #cd281e;}
.fzlc dd:hover .text .textC{ color: #FFF;}
.fzlc dd:hover .text .mouse{ background: url(../images/mouse1h.png) no-repeat center center;}

/*顶部导航*/
.menuDl{
    position: absolute;
    left: 675px;
    top: 0px;
    transition: all 0.5s cubic-bezier(0, 0, 0.53, 1.01); -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.53, 1.01); visibility: visible;  opacity: 1;
}
.menuDl dd{
	display: inline;
	float:left;
    padding: 0 5px;
    position: relative;
    z-index: 3;
}
.menuDl dd span a{
	display: block;
	height:100px;
	overflow: hidden;
	line-height: 100px;
	color: #454545;
	font-size: 14px;
	position: relative;
    padding: 0px 10px;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.menuDl dd.hover span a{color: #d6000f}
.menuDl dd span a i{
	display: none;
	width: 100%;
	height: 2px;
	overflow: hidden;
	background: #d6000f;
	position: absolute;
	left: 0px;
	bottom: 0px;
}
.menuDl dd.hover span a i{
    display: block;
}
.menuDl dd .div_a{
	width: 100%;
	overflow: hidden;
	position: absolute;
	top: 108px;
	left: 0;
	z-index: 99;
	background:#fff;
	display: none;
}
.menuDl dd .div_a a{
	display: block;
	height: 35px;
	overflow: hidden;
	text-align: center;
	line-height: 35px;
	text-align: center;
	color: #333333;
	font-size: 14px;
}
.menuDl dd .div_a a.hover{background: #fff}
.menuDl dd .div_a a:hover{background: #fff}
.subMenuDiv{
	display: none;
	width: 100%;
	overflow: hidden;
	position: absolute;
	/*left: 0px;*/
	top: 100px;
	/*opacity: 0;*/
	z-index: 1;
}
.menuDl dd.hover .subMenuDiv{
	z-index: 3;
}
.menuDl dt{
    width: 0px;
    height: 2px;
    overflow: hidden;
    background: #d6000f;
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 2;
}
.subMenu_ul{
    width: 1000px;
    overflow: hidden;
    padding: 0px 0px;
}
/*.subMenu_ul:after{
    display: block;
    left: 15px;
    right: 15px;
    overflow: hidden;
    top: 0px;
    height: 0px;
    z-index: 1;
    background: #fff;
}*/
.subMenu_ul li{
    overflow: hidden;
    height: 50px;
    line-height: 50px;
    position: relative;
    z-index: 2;
    float: left;
    display: inline;
    margin: 0px 15px;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    /*-webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;*/
}
.menuDl dd.hover .subMenu_ul li{
    opacity: 0;
    -webkit-animation: liMove 0.3s linear forwards;
    -o-animation: liMove 0.3s linear forwards;
    animation: liMove 0.3s linear forwards;
}
@keyframes liMove{
    0%  {transform: translateY(-110%);opacity: 0;}
    100%{transform: translateY(0px);opacity: 1;}
}
.menuDl dd.hide .subMenu_ul li{
    opacity: 1;
    -webkit-animation: liHIde 0.3s linear forwards;
    -o-animation: liHIde 0.3s linear forwards;
    animation: liHIde 0.3s linear forwards;
}
@keyframes liHIde{
    0%  {transform: translateY(0px);opacity: 1;}
    100%{transform: translateY(110%);opacity: 0;}
}
.subMenu_ul li a{
    display: block;
    overflow: hidden;
    font-size: 14px;
    color:#ccc;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.subMenu_ul li a:hover{
    color:#fff;
}
.half .subMenu_ul li a{
    font-size: 14px;
}
.subMenu_ul li a span{
    position: relative;
}


.subMenu_ul li a span em{
    display: block;
    width: 2px;
    height: 10px;
    overflow: hidden;
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -5px;
    background: #d6000f;
}
.subMenuR{
	width: 50%;
	overflow: hidden;
	padding: 20px 0px;
}
.menuTop{
	height: 40px;
	line-height: 40px;
	display: block;
	overflow: hidden;
	font-size: 24px;
	color:#555;
	padding-left: 50px;
}
.subMenuCont{
	overflow: hidden;
	position: relative;
	margin-right: 15px;
}
.listBg{
	width: 0px;
	height: 0px;
	overflow: hidden;
	background: rgba(255,255,255,1);
	position: absolute;
	left: 0px;
	top: 0px;
}
.subMenuTop{
	height: 40px;
	line-height: 40px;
	display: none;
	font-size: 16px;
	color:#888;
	overflow: hidden;
	padding: 15px 0px 10px 50px;
}
.half{
	float: left;
	display: inline;
	width: 50%;
}
/*.subMenuR.half{
	width: 66.6666666%;
}
.subMenuR.half{
	padding-left: 33.3333333%
}*/
.half .subMenuTop{
	display: block;
}
.subMenuL{
    width: 50%;
    padding: 20px 0px;
}
.subMenuTxt{
    height: 250px;
	overflow: hidden;
    padding: 20px;
    margin: 0px 20px;
}
.subMenuLTop{
	display: none;
	text-align: center;
	font-size: 34px;
	color:#333;
	overflow: hidden;
}
.subMenuIntr{
    display: none;
	overflow: hidden;
	font-size: 14px;
	color:#404040;
	line-height: 25px;
}
.menuBg{
	display: none;
	width: 100%;
    height: 50px;
	overflow: hidden;
	position: absolute;
	left: 0px;
	top: 100px;
    z-index: 1;
	background: rgba(0,0,0,0.6);
}
.subMenuDiv.showMenu{
	-webkit-animation: showMenu 0.5s linear forwards;
	-o-animation: showMenu 0.5s linear forwards;
	animation: showMenu 0.5s linear forwards;
}
@keyframes showMenu{
	0%  {opacity: 0.5}
	100%{opacity: 1}
}
.subMenuDiv.hideMenu{
	-webkit-animation: hideMenu 0.5s linear forwards;
	-o-animation: hideMenu 0.5s linear forwards;
	animation: hideMenu 0.5s linear forwards;
}
@keyframes hideMenu{
	0%  {opacity: 0.2}
	100%{opacity: 0}
}

.sjMenu{ overflow: hidden; padding-bottom: 25px; text-align: center; font-size: 0px;}
.sjMenu a{ display: inline-block; height: 32px; line-height: 32px; padding: 0 25px; border-radius: 34px; border: 1px solid #ddd; font-size: 14px; margin: 0 8px; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; background: #FFF;}
.sjMenu a:hover{ border-color: #cc281e; background: #cc281e; color: #FFF;}
.sjMenu a.hover{ border-color: #cc281e; background: #cc281e; color: #FFF;}

/*音频*/
.fmusic{ width: 40px; height: 40px; border-radius: 54px; background: #FFF; padding: 7px; box-shadow: 0px 0px 5px rgba(0,0,0,0.1); margin: 0 auto; position:fixed; right: 10px; bottom: 10px; z-index: 1000; display: none;}
.fmusicC{ width: 40px; height: 40px; position: relative;}
.fmusicC:before{
    content: " ";
    width: 200%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    border-radius: 200px;
    
}
.fmusicC img{ width: 40px; height: 40px; border-radius: 40px;}
.fmusic.play .fmusicC img{animation: musicRoll 10s linear infinite;-webkit-animation: musicRoll 10s linear infinite;}
@-webkit-keyframes musicRoll{
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes musicRoll{
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.fmusic .btn{ width: 54px; height: 54px; position: absolute; left: 0px; top: 0px; z-index: 2}
.fmusic .btn .go{ display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%); display: none;}
.fmusic .btn .go:before{ display: block; width: 2px; height: 10px; background: #FFF; float:left; display: inline; margin: 0 2px; content: '';}
.fmusic .btn .go:after{ display: block; width: 2px; height: 10px; background: #FFF; float:left; display: inline; margin: 0 2px; content: '';}
.fmusic .btn .stop{ width: 10px; height: 10px; position: absolute; left: 50%; top: 50%; z-index: 1; transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%); display: none;}
.fmusic .btn .stop:before{ display: block; position: absolute; content: ''; border: 5px solid #FFF; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-width: 8px; left: 1px;}
.fmusic.play .btn .go{ display: block;}
.fmusic.play .btn .stop{ display: none;}
.fmusic.paused .btn .go{ display: none;}
.fmusic.paused .btn .stop{ display: block;}
.fmusic.paused .fmusicC img{animation-play-state: paused;}




.tl{text-align:left;}
.tr{text-align:right;}
.tc{text-align:center;}
.color-white{color:white!important;}
.red{color:#fc8080!important;}
.fz12{font-size:12px;}
.fz14{font-size:14px;}
.wfs{width:100%;position:relative;}
.p_r{position:relative;}
.suspension{position:fixed;z-index:55;right:0;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#d6000f;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:none;padding:14px 0; overflow: hidden;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px; font-weight: normal;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}

/**
 * 图文列表3(16:9)
 * @author 杨朝杰
 * @return
 */
.TextImgList3{
	clear:both;
	}
.TextImgList3 dd{
	clear:both;
	overflow:hidden;
	background:#fff;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
	padding:30px 0;
	}
/*
.TextImgList3 dd:hover{
	top:-5px;
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    transform: translate3d(0, -2px, 0);
    -webkit-transform: translate3d(0, -2px, 0);
    -o-transform: translate3d(0, -2px, 0);
    -moz-transform: translate3d(0, -2px, 0);
	}*/
.TextImgList3 dd.left{ background:#F8F8F8;}
.TextImgList3 dd.right{ background:#fff;}

.TextImgList3 dd.right .TextImgList3Img{float:right}
.TextImgList3 dd.right .TextImgList3R{float:left}
.TextImgList3 dd.right .modules{
	padding:0 40px 40px 0 !important;
	overflow:hidden;
	}
.TextImgList3Img{
	width:600px;
	height:320px;
	float:left;
	overflow:hidden;
	position:relative;
	}
.TextImgList3Img img{
	width:600px;
	height:320px;
	}
.TextImgList3R{
	width:600px;
	float:left;
	}
.TextImgList3 .modules{
	padding:40px 0 0 40px;
	overflow:hidden;
	}
.TextImgList3 h3{
	font-size:20px;
	padding:0 0 15px 0;
	overflow:hidden;
	color:#333;
	font-weight:normal;
	}
.TextImgList3Con{
	min-height:100px;
	font-size:14px;
	line-height:31px;
	overflow:hidden;
	padding:0 0 20px 0;
	}
.TextImgList3Bt{
	clear:both;
	overflow:hidden;
	padding:25px 0 0 0;
	}
.TextImgList3Bt a{
	display:block;
	line-height:34px;
	float:left;
	margin:0 10px 0 0;
	background:#999999;
	padding:0 18px;
	font-size:14px;
	color:#fff !important;
	border-radius:2px;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
	}
.TextImgList3Bt a.a2{ background:#b81726;}
.TextImgList3Bt a:hover{ background:#328c4d;}

.fourNav{
	clear:both;
	overflow:hidden;
	}
.fourNav a{
	display:block;
	float:left;
	line-height:36px;
	font-size:16px;
	padding:0 30px 0 0;
	color:#cc0000;
	}

/*shine动画*/
@-webkit-keyframes shine {
    0%, 50%, to {
        opacity:1
    }
    25%, 75% {
        opacity:0
    }
}
@keyframes shine {
    0%, 50%, to {
        opacity:1
    }
    25%, 75% {
        opacity:0
    }
}
.shine {
    -webkit-animation-name:shine;
    animation-name:shine;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
/* 今日钢价 start */
.articleContent{
	overflow: hidden;
	background-color: #fff;
	border-radius: 3px;
	padding: 40px 50px;
	border-right: 1px solid #eee;
}
.priceLeft{
	padding: 0 15px;
	width: 320px;
	max-height:800px ;
	overflow-y: auto;
}
/* .priceLeft dd{
	margin-bottom: 15px;
} */

.priceLeft .list_a{
	display: block;
	background: #fff;
	padding: 15px;
	border-radius: 3px;
	transition: 0.4s;
}
.priceLeft dd+dd .list_a{
	border-top: 1px solid #eee;
}
.priceLeft .title{
	font-size: 16px;
	color: #333;
	line-height: 30px;
	transition: 0.4s;
}
.priceLeft .time{
	font-size: 14px;
	color: #999;
	height: 20px;
	line-height: 20px;
}
.priceLeft dd.hover .title{
	color: #cd291f;
}
.priceLeft .list_a:hover .title{
	transform: translateX(2px);
}
/* 今日钢价 end */